<template>
  <footer>
    <div class="tu"></div>
    <h2><span class="el-icon-video-camera-solid"></span> 一切都为了观影者</h2>
    <h1>版权所有 &copy; 终结的月月鸟Max巨幕影院 .Cinema</h1>
    <el-popover
    placement="top"
    width="160"
    >
    <p>app还在开发中</p>
    <el-button type="success" slot="reference">下载app</el-button>
    </el-popover>
  </footer>
</template>

<script>
export default {

}
</script>

<style lang="scss">
footer{
    display:flex;
    justify-content: center;
    align-items: center;
    .tu{
        width: 56px;
        height: 56px;
        border: 2px solid white;
        border-radius: 50%;
        background: url("../assets/images/timg5.jpg") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 20px;
    }
    h2{
        color:rgb(228, 228, 228);
        font-size:20px;
        margin-left: -430px;
        margin-right: 300px;
    }
    h1{
        color:rgb(33, 158, 230);
        font-size:20px;
    }
    .hezi{
        background: url("../assets/images/timg4.jpg") no-repeat;
    }
    >span{
        position: absolute;
        right: 20px;
    }
}
</style>